﻿/*首页*/

body{color: #333;font-size: 12px;line-height: 1.5;font-family:'PingFangSC-Regular',"微软雅黑","Microsoft Yahei";
    overflow-x: hidden;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
a{text-decoration:none; }
a:hover{color:#FF6600 }

.row-a5{overflow: hidden;padding-bottom: 75px;
	background-position: center center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.row-a5 .cont{max-width: 1200px;margin: 0 auto;}
.right-map{float:right;width:679px;height:306px;position:relative;
	margin-right:0px;margin-top: 80px;
	background:url(../images/dt.png) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.right-map .point-area{text-align:center;position:absolute;width:80px;height:80px;transition:opacity .5s ease-out}
.right-map .point-area:before{position:absolute;content:'';width:8px;height:8px;
	border-radius:50%;background:#CB0F17;display:inline-block;margin-left:-4px;
	margin-top:-4px;top:50%;left:50%
}
.right-map .point-area .txt{width:60px;position:absolute;left:50px;top:40%;color:#ff0000}
.counter{color:#CB0F17; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}

.right-map .point{position:absolute;width:100%;height:100%}
.right-map .point:after{content:"";display:block;position:absolute;top:0;right:0;
	bottom:0;left:0;border-radius:50%;border:1px solid #CB0F17;opacity:0
}
.right-map .point.point-10:after{animation:4.5s ease-out 225ms infinite ripple}
.right-map .point.point-40:after{animation:4.5s ease-out .9s infinite ripple}
.right-map .point.point-80:after{animation:4.5s ease-out 1.8s infinite ripple}
.right-map .point.point-shadow:after{box-shadow:inset 0 0 5em rgba(203,15,23,0.2)}
@keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-moz-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-ms-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-webkit-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-o-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}

.m-you{float: left; width: 505px;color: #414141;padding-top: 60px; font-family:'微软雅黑';}
.m-you h3{font-size: 36px;font-weight: normal;position: relative;
	padding-bottom: 24px;margin-bottom: 33px;
}
.m-you h3 a{color: #414141;}
.m-you h3:after{content: '';position: absolute;left: 0;bottom: 0;height: 3px;
	width: 60px;background-color: #CB0F17;
}
.m-you .txt{line-height: 32px;font-size: 16px;}
.m-you .txt p{margin-bottom: 20px;}

.ul-num{clear: both;margin: 0 -50px 0 -95px;padding-top: 60px;}
.ul-num li{float: left; width: 25%;color: #414141;}
.ul-num span{font-size: 65px; font-family:Arial, Helvetica, sans-serif; position: relative;
	line-height: 1;margin-bottom: 5px;
}
.ul-num span:after{vertical-align: top;position: relative;top: 5px;
	font-size: 34px;font-family: arial;margin-left: 10px;
}
.ul-num p{font-size: 16px; padding-left:30px;}
.ul-num .txt{overflow: hidden;}
.ul-num i{width: 80px; height: 80px;float: left;margin-right: 15px;
	background-position: center center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}


@media all and (max-width:768px){

.m-you{width:100%; padding-top:10%;}


}
